<template>
	<view>
		<view class="box2" hover-class="box2-hover">
			<view class="box" hover-class="box-hover" hover-stop-propagation hover-start-time="2000" hover-stay-time="2000">
				<text>不可选的文本</text><text selectable='true'>可选的文本</text>
			</view>
		</view>
		<view>
			<text selectable='true'>可选的文本</text>
		</view>
		<view>
			<text selectable='true' space="ensp">空格  空格</text>
			<text selectable='true' space="emsp">空格  空格 &amp;</text>
			<text selectable='true' space="nbsp" style="font-size: 30px;">空格  空格</text>
			<button>按钮</button>
		</view>
		<view class="uni-style"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad(options) {
			console.log(options)
		}
	}
</script>

<style lang="scss">
	@import url('./detail.css');
	.box {
		width: 100px;
		height: 100px;
		background-color: #007AFF;
	}
	.box-hover {
		background-color: #4CD964;
	}
	.box2 {
		width: 200px;
		height: 200px;
		background-color: red;
	}
	.box2-hover {
		background-color: pink;
	}
	.uni-style {
		/* rpx 响应式px */
		width: 375rpx; 
		height: 375rpx;
		background-color: #4CD964;
	}
</style>
